<div class="d-n">
    <svg>
        <symbol id="icon-user" viewBox="0 0 16 16">
            <title>user</title>
            <path class="path1" d="M9 11.041v-0.825c1.102-0.621 2-2.168 2-3.716 0-2.485 0-4.5-3-4.5s-3 2.015-3 4.5c0 1.548 0.898 3.095 2 3.716v0.825c-3.392 0.277-6 1.944-6 3.959h14c0-2.015-2.608-3.682-6-3.959z"></path>
        </symbol>
        <symbol id="icon-mobile" viewBox="0 0 16 16">
            <title>mobile</title>
            <path class="path1" d="M11.5 0h-7c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h7c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM6 0.75h4v0.5h-4v-0.5zM8 15c-0.552 0-1-0.448-1-1s0.448-1 1-1 1 0.448 1 1-0.448 1-1 1zM12 12h-8v-10h8v10z"></path>
        </symbol>
    </svg>
</div>
<div class="paper-b m8 p16">
    <p class="title bor-l b-green">必要信息</p>
    <form action="" id="user_msg">
        <div class="pt8">
            <svg class="icon mb4 mr4 c-icon-b">
                <use xlink:href="#icon-user"></use>
            </svg>
            <input type="text" class="input-normal" id="name" placeholder="填写姓名" required oninvalid="setCustomValidity('不能为空喔')" oninput="setCustomValidity('')" autofocus>
        </div>
        <div class="pt16">
            <svg class="icon mb4 mr4 c-icon-b">
                <use xlink:href="#icon-mobile"></use>
            </svg>
            <input type="text" class="input-normal" id="phone" placeholder="填写手机号" required oninvalid="setCustomValidity('不能为空喔')" oninput="setCustomValidity('')">
        </div>
        <div cost-btm costdata="costdata"></div>
    </form>
</div>
<div class="paper-b m8 p16 bg-tran c-grey-d">
    <h4>小贴士</h4>
    <p class="fs12 pt8">正确填写信息，可以让农场更方便地联系您~</p>
</div>
